<style scoped lang="less">
  .neo-page-title{
    font-size: 2.5rem;
    color:#fff;
    margin:1.5rem 0;
  }
  .neo-block-list{
    color:#fff;
    border-bottom: 1px solid #fff;
  }
</style>
<template>
  <div class="blockIndex container">
    <h2 class="text-center neo-page-title">
      {{$t('slider.address.name')}}
    </h2>
    <b-table class="neo-block-list " :fields="fields" :items="items">
      <template slot="address" slot-scope="data">
        <a href="#" style="color:#84c033">
          {{data.value}}
        </a>
      </template>
    </b-table>
    <b-pagination align="center" :total-rows="100" v-model="currentPage" :per-page="10">
    </b-pagination>
  </div>
</template>
<script>
  export default {
    data(){
      return {
        items:[
          {address:'56272',height:'280323',time:'2017-05-21 17:50:30'},
          {height:'56272',address:'qwertyuhgfdsd',time:'2017-05-21 17:50:30'},
          {height:'56272',address:'asdfgkhljiuytjhgsax',time:'2017-05-21 17:50:30'},
          {height:'56272',address:'rthdghdgsdrgsgdfg',time:'2017-05-21 17:50:30'},
        ],
        currentPage:1
      }
    },
    computed:{
      fields(){
        return  [
          {
            key:'address',
            label:this.$t('address.value')
          },
          {
            key:'height',
            label:this.$t('address.blockIndex')
          },
          {
            key: 'time',
            label:this.$t('block.time'),
            formatter: (value, key, item) => {
              return value
            }
          }
        ]
      }
    },
  };
</script>
